<template>
    <div class="box-card">
        <div class="top">
            <div v-if="title" class="title" :class="bold">{{title}}</div>
            <slot name="right"></slot>
        </div>
        <div class="card-main">
        <slot></slot>
        </div>
    </div>
</template>
<script>
    export default {
        name:"BaseCard",
        props:{
            title:{
                type:String,
                default:""
            },
            bold:{
                type:String,
                default:""
            },
        },
        methods: {

        }
    }
</script>
<style lang="scss" scoped>
    .bold{
        font-weight: 600;
    }
    .title{
        margin-left: 5px;
        padding: 5px 0 15px 0;
    }
    .top{
        display: flex; justify-content: space-between; align-items: center
    }
</style>
